@charset "utf-8";
html,body,input,div,ul,li,ol{ margin: 0px; padding: 0px; color:black; font-size:14px;  font-family: "Microsoft YaHei";  font-weight:lighter; list-style: none; list-style-type: none; text-decoration: none; outline: none; }
html { width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; table-layout: fixed; word-wrap:break-word; word-break:break-all;  }
body{ width:100%; height:100%;  }
.clear { clear: both; width:100%; height: 0px; line-height:0px; border: none; }
a { text-decoration: none;   height: auto; color: #999999; padding:0px 5px 0px 5px ;  }
a:hover { color:blue; height: auto;  padding:0px 5px 0px 5px ;  }

h3 {margin: 0px auto; text-align: center; font-size:20px;   }
h3 a { padding: 0px 10px 0px 10px ;    background-color: white; color: red; text-decoration: none ; }
h3 a:hover { background-color:yellow; color: red; padding: 0px 10px 0px 10px ; }
 
/************************************/
#topmenu { position:fixed;  top:0px; z-index:999; width: 100%; height: 60px; line-height: 24px; text-decoration: none;
 margin-top: 0px; display: block; background-color: #333; border-bottom:#ccc solid 5px; }
#topmenu div {  display: block;  height:100%; position:absolute;}
#topmenu .topM1 {   width:auto ;   text-align: left;  float: left; z-index: 1;   }
#topmenu .topM1 a.h1 { font-size: 28px; line-height:28px;  margin: 18px 0px 0px 0px ;  display:block; height:auto;  float: left;   color: white; }
#topmenu .topM1 a.user {   font-weight: bold; font-size: 14px;   }
#topmenu .topM1 a.user b {  font-style: italic; color: white; }
#topmenu .topM1 a.h1:hover { color: red;  }
#topmenu .topM2 {   width:100% ;  right:0px;  float: right; text-align: right; padding-top: 8px;  }
#topmenu .topM2 a {  display:inline-block; width:42px; height:42px; line-height: 42px;   padding:0px;
text-align: center;  }
#topmenu .topM2 a:HOVER { color: red; }
#topmenu .topM2 .welcome { background-color: #dddddd; color: black; margin:0px 10px 0px 0px ; font-size: 30px; line-height: 30px;   }
/*********************************/
#content {width: 100%; padding-top: 80px;  }
  .note { width:200px;    background-color: #eee; }
 .note textarea { width:99%; height: 60px; resize: none; }
 .note .submit { width:100%; height: 40px; text-align: center; display:block;  }
 .jiange { height: 100px; width: 100%; }
/******************/

#content {width: 100%;  }
#content h3 { text-indent: 30px; font-size: 18px;  }
#pageeViews,
#pageAAA  {  width: 100%; height: auto; display: block; }
#pageeViews b,
#pageAAA b { padding: 5px; width: 180px;  display: inline-block; float: left; }
#pageeViews b a,
#pageAAA b a {  padding: 5px;  color: black; cursor: pointer; }

/**********************/ 
#content div.note a.submit {width: 80px;height: 40px;display: block;	right: 0px;}

/******************/
#language {  margin: 0px auto; width: 640px; }
#language h2 { padding: 80px 0px 0px 20px; font-size: 32px; text-align: center; }
#language a {  background: #cccccc;  font-size: 18px;  display: inline-block;  color:black; float:left; width: 300px; height: 60px; line-height: 60px; text-align: center;   }
#language a:hover { background: red; color: black;  }
#language .inLanguage { background: orange; color: white;  font-size:24px;  } 
#language .addWeb { background: #eeeeee; color: black;  font-size:24px;  } 
#language p {  padding: 20px 5px; color: #999999; } 

#conDiv{ width: 100%; height:auto;  top:80px;  z-index:1;  display: block;  padding: 0px; margin: 80px 0px 0px 0px; }
#conDiv .li_add  { display: inline-block; position: relative; }
#conDiv .li_add a { background-color: green; color: yellow; padding: 10px; position: absolute; }


#foot {   font-weight: lighter; text-decoration: none; position:fixed;  width:100%;  bottom:0px; 
 text-align:right;    z-index:999; background-color: #ddd;  }
#foot a {   font-weight: lighter; text-decoration: none;  color: black; }
#foot a:hover {  background: red; color: yellow; }

/*****pagee ****/
#pageList  { background-color: #ddd; text-align: left; position: relative; }
#pageList  .pageInfo { width: 220px; height: auto;  padding:5px 10px; display: inline-block; cursor: pointer; }
#pageList  .pageInfo a { display: inline-block; float: right;  }
#pageList  .pageInfo:hover { background-color: white; }
#pageList  .pageInfo textarea,
#pageList  .pageInfo input {   display: none;   }
#pageList  #dialog {  display: none; width:1000px; height:500px; margin:-250px 0px 0px -500px ; top:50%; left:50%;  z-index: 1000;  position: fixed;   background: white;   }
#pageList  #dialog .tit {   display: block; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px; background: #ddd; text-align: left; text-indent: 20px;  }
#pageList  #dialog #close {   display: inline-block; width: 40px; height: 40px; line-height: 40px;  position: absolute; top: 0px; right: 0px; font-size: 36px; font-weight: lighter;   }
#pageList  #mask { display: none;  position: fixed; background: black; filter:alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;width:100%; height:100%; top: 0px; left: 0px; z-index: 10; }
/*******viewDatas********/
#viewDatas ul li {  cursor: pointer; }



